<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JDK8 Doc Search</title>
    <link rel="stylesheet" type="text/css" href="../css/index.css">
</head>
<body>
<!--container表示整个页面元素的容器-->
<div class="container">
    <!--    搜索框+搜索按钮-->
    <div class="header">
        <input placeholder="请输入..." type="text">
        <button id="search-btn" class="bnt">搜索</button>
    </div>
    <!--显示结果-->
    <div class="result">
<!--        <div class="item">-->
<!--            <a href="#">我是标题</a>-->
<!--            <div class="desc">-->
<!--                我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述-->
<!--            </div>-->
<!--            <div class="url">http://www.baidu.com</div>-->

<!--            <a href="#">我是标题</a>-->
<!--            <div class="desc">-->
<!--                我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述-->
<!--            </div>-->
<!--            <div class="url">http://www.baidu.com</div>-->

<!--            <a href="#">我是标题</a>-->
<!--            <div class="desc">-->
<!--                我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述-->
<!--            </div>-->
<!--            <div class="url">http://www.baidu.com</div>-->

<!--            <a href="#">我是标题</a>-->
<!--            <div class="desc">-->
<!--                我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述-->
<!--            </div>-->
<!--            <div class="url">http://www.baidu.com</div>-->

<!--            <a href="#">我是标题</a>-->
<!--            <div class="desc">-->
<!--                我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述我是一段描述-->
<!--            </div>-->
<!--            <div class="url">http://www.baidu.com</div>-->
<!--        </div>-->
    </div>
</div>

<script src="../js/jquery.js"></script>
<script src="../js/index.js"></script>

</body>
</html>